<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=320,height=device-height,initial-scale=1.0,maximum-scale=1.3,user-scalable=no">
    <title>小马网-以信任促成交易</title>
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <link rel="stylesheet" type="text/css" href="css/index.css" media="all">
    <link rel="stylesheet" type="text/css" href="css/superslide.css"/>
    <link rel="shortcut icon" href="img/icon/favicon.ico">
</head>
<body style="font-size: 14px;">
<div id="page">

    @include('web.authentication.header')
    <div class="fullSlide">
        <div class="bd">
            <ul>
                <li _src="url(img/index/banner1.jpg)"><a href="#"></a></li>
                <li _src="url(img/index/banner2.jpg)"><a href="#"></a></li>
                <li _src="url(img/index/banner3.jpg)"><a href="#"></a></li>
            </ul>
        </div>

        <span class="prev"></span>
        <span class="next"></span>
        <div class="hd">
            <ul></ul>
        </div>
    </div>

    <div class="m-stage m-intro lh1d8">
        <div class="wrap">
            <div class="g27_6 _img"></div>
            <div class="g27_6 _txt">
                <h3 class="m-h1">
                    <span class="db tal h-jd">权威机构监督指导  验证结果客观公正</span>
                </h3>
                <p class="fs16 c_666">
                    <strong>工信部</strong>监督指导，积极响应落实《互联网信息服务管理办法》、《国务院关于积极推进“互联网”＋“行动的指导意见”》以及<strong>国务院</strong>印发的《社会信用体系建设规划纲要》，以严格的审核标准为基础，客观公正的帮助诚信企业建立品牌形象。
                    <a href="##" target="_blank" title="了解详情" class="db _more mt20">
                        <span>了解详情</span>
                        <i class="f_ppb"></i>
                    </a>
                </p>
            </div>
        </div>
    </div>
    <!--四大权威验证服务-->
    <div class="m-stage m-ser-b m-stage-odd">
        <h3 class="m-h1">四大权威验证服务</h3>
        <div class="wrap" id="four-authority">
            <ul class="m-sers cf tac lh1d8">
                <li>
                    <div class="m-ser pr">
                        <i class="i-ser i-ser-1"></i>
                        <div class="s_stars"><i class="i-ser i-ser-star"></i><i class="i-ser i-ser-star"></i><i
                                    class="i-ser i-ser-star"></i><i class="i-ser i-ser-star"></i></div>
                        <h4>官网验证</h4>
                        <p>品牌有保护 信誉有保障</p>
                        <a href="" target="_blank" class="link-btn pa">
                            <strong class="_more">
                                <span>了解详情</span>
                                <i class="f_ppb"></i>
                            </strong>
                        </a>
                    </div>
                </li>
                <li class="_on">
                    <div class="m-ser pr">
                        <i class="i-ser i-ser-2"></i>
                        <div class="s_stars"><i class="i-ser i-ser-star"></i><i class="i-ser i-ser-star"></i><i
                                    class="i-ser i-ser-star"></i></div>
                        <h4>行业验证</h4>
                        <p>术业有专攻 行业做标杆</p>
                        <a href="" target="_blank" title="行业验证" class="link-btn pa">
                            <strong class="_more">
                                <span>了解详情</span>
                                <i class="f_ppb"></i>
                            </strong>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="m-ser pr">
                        <i class="i-ser i-ser-3"></i>
                        <div class="s_stars"><i class="i-ser i-ser-star"></i><i class="i-ser i-ser-star"></i></div>
                        <h4>实名验证</h4>
                        <p>网站实名制 信任有基础</p>
                        <a href="{{route('trial')}}" target="_blank" title="实名验证" class="link-btn pa">
                            <strong class="_more">
                                <span>了解详情</span>
                                <i class="f_ppb"></i>
                            </strong>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="m-ser pr">
                        <i class="i-ser i-ser-4"></i>
                        <div class="s_stars"><i class="i-ser i-ser-star"></i></div>
                        <h4>号码验证</h4>
                        <p>号码有归属 沟通更畅快</p>
                        <a href="" target="_blank" title="号码验证" class="link-btn pa">
                            <strong class="_more">
                                <span>了解详情</span>
                                <i class="f_ppb"></i>
                            </strong>
                        </a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!--小马网认证流程-->
    <div class="m-stage m-flow m-stage-odd">
        <h3 class="m-h1">小马网认证流程</h3>
        <ol class="_wrap auto pr lh1d8" id="xm-flow">
            <li class="_1 ">
                <div class="_txt">
                    <h4>网站初审</h4>
                    <p>企业网站主办方基本信息验真</p>
                </div>
                <i class="_l"></i>
                <span class="_mask"></span>
            </li>
            <li class="_2 ">
                <div class="_txt">
                    <h4>认证审核</h4>
                    <p>根据企业网站申请的认证类别，进行多达100多项的深度审核</p>
                </div>
                <i class="_l"></i>
                <span class="_mask"></span>
            </li>

            <li class="_4 _on">
                <div class="_txt">
                    <h4>认证跟踪监管</h4>
                    <p>认证通过后，我们将长期对企业进行跟踪监管</p>
                </div>
                <i class="_l"></i>
                <span class="_mask"></span>
            </li>
        </ol>
    </div>
    <!--荣誉资质-->
    <div class="m-stage m-honor">
        <h3 class="m-h1">荣誉资质</h3>
        <div class="wrap">
            <ul class="tac cf mb20 pr m-hon-b">
                <li class="m-hon tac fl">
                    <a class="db mb10"><img src="img/h1.png" alt=""></a>
                    <i></i>
                    <p class="mt20"><span class="db"></span></p>
                </li>
                <li class="m-hon tac fl">
                    <a class="db mb10"><img src="img/h2.png" alt=""></a>
                    <i></i>
                    <p class="mt20"><span class="db"></span></p>
                </li>
                <li class="m-hon tac fl">
                    <a class="db mb10"><img src="img/h3.png" alt=""></a>
                    <i></i>
                    <p class="mt20"><span class="db"></span></p>
                </li>
                <li class="m-hon tac fl">
                    <a class="db mb10"><img src="img/h4.png" alt=""></a>
                    <i></i>
                    <p class="mt20"><span class="db"></span></p>
                </li>
                <li class="m-hon tac fl">
                    <a class="db mb10"><img src="img/index/h5.png" alt=""></a>
                    <i></i>
                    <p class="mt20"><span class="db"></span></p>
                </li>
                <li class="pa _line"></li>
            </ul>
            <ul class="tac cf m-hon-b pr">
                <li class="m-hon tac fl">
                    <a class="db mb10"><img src="img/h6.png" alt=""></a>
                    <i></i>
                    <p class="mt20"><span class="db"></span></p>
                </li>
                <li class="m-hon tac fl">
                    <a class="db mb10"><img src="img/h7.png" alt=""></a>
                    <i></i>
                    <p class="mt20"><span class="db"></span></p>
                </li>
                <li class="m-hon tac fl">
                    <a class="db mb10"><img src="img/h8.png" alt=""></a>
                    <i></i>
                    <p class="mt20"><span class="db"></span></p>
                </li>
                <li class="m-hon tac fl">
                    <a class="db mb10"><img src="img/h9.png" alt=""></a>
                    <i></i>
                    <p class="mt20"><span class="db"></span></p>
                </li>
                <li class="m-hon tac fl">
                    <a class="db mb10"><img src="img/h10.png" alt=""></a>
                    <i></i>
                    <p class="mt20"><span class="db"></span></p>
                </li>
                <li class="pa _line"></li>
            </ul>
        </div>
    </div>
    <!--知名企业案例-->
    <div class="m-stage m-stage-odd">
        <h3 class="m-h1">知名企业案例</h3>
        <div id="case" class="m-cas-b pr g27_r tac">
            <p class="m-cas trans s_on" id="p1">
                <a title="新业银行" class="g27_2">
                    <img src="img/xyyh.png" alt="新业银行" width="160" height="56">
                </a>
                <a title="电玩巴士" class="g27_2"><img src="img/tgbus.png" alt="电玩巴士" width="160" height="56"></a>
                <a title="斗鱼" class="g27_2"><img src="img/douyu.png" alt="斗鱼" width="160" height="56"></a>
                <a title="海王星辰" class="g27_2"><img src="img/hwxc.png" alt="海王星辰" width="160" height="56"></a>
                <a title="艾瑞咨询" class="g27_2"><img src="img/arzx.png" alt="艾瑞咨询" width="160" height="56"></a>
                <a title="凤凰新闻" class="g27_2"><img src="img/fhxw.png" alt="凤凰新闻" width="160" height="56"></a>
                <a title="湖南卫视" class="g27_2"><img src="img/hnws.png" alt="湖南卫视" width="160" height="56"></a>
                <a title="浙江卫视" class="g27_2"><img src="img/zjws.png" alt="浙江卫视" width="160" height="56"></a>
                <a title="安居客" class="g27_2"><img src="img/ajk.png" alt="安居客" width="160" height="56"></a>
                <a title="昵图网" class="g27_2"><img src="img/nipic.png" alt="昵图网" width="160" height="56"></a>
                <a title="36kr" class="g27_2"><img src="img/36kr.png" alt="36kr" width="160" height="56"></a>
                <a title="中国人民大学出版社" class="g27_2"><img src="img/zgrmdxcbs.png" alt="中国人民大学出版社" width="160" height="56"></a>
            </p>
            <p class="m-cas trans _on" id="p2">
                <a title="Tencent腾讯" class="g27_2"><img alt="Tencent腾讯" src="img/tencent.png" width="160"
                                                        height="56"></a>
                <a title="苏宁易购" class="g27_2"><img alt="苏宁易购" src="img/snyg.png" width="160" height="56"></a>
                <a title="万达电影" class="g27_2"><img alt="万达电影" src="img/wddy.png" width="160" height="56"></a>
                <a title="中国人民大学" class="g27_2"><img alt="中国人民大学" src="img/zgrmdx.png" width="160" height="56"></a>
                <a title="花瓣" class="g27_2"><img alt="花瓣" src="img/huaban.png" width="160" height="56"></a>
                <a title="易贷网" class="g27_2"><img alt="易贷网" src="img/ydw.png" width="160" height="56"></a>
                <a title="网易新闻" class="g27_2"><img alt="网易新闻" src="img/wyxw.png" width="160" height="56"></a>
                <a title="ui中国" class="g27_2"><img alt="ui中国" src="img/uichina.png" width="160" height="56"></a>
                <a title="魅族之家" class="g27_2"><img alt="魅族之家" src="img/meizu.png" width="160" height="56"></a>
                <a title="酷我音乐" class="g27_2"><img alt="酷我音乐" src="img/kwyy.png" width="160" height="56"></a>
                <a title="58同城" class="g27_2"><img alt="58同城" src="img/58tc.png" width="160" height="56"></a>
                <a title="极速贷款" class="g27_2"><img alt="极速贷款" src="img/jsd.png" width="160" height="56"></a>
            </p>
            <div class="_nav">
                <a href="javascript:;" tap="#p1"><i></i></a>
                <a href="javascript:;" tap="#p2" class="_on"><i></i></a>
            </div>
        </div>
    </div>
    <!--更多免费服务  享受诚信品质-->
    <div class="m-stage m-stage-odd m-pro tac lh1d5">
        <h3 class="m-h1">更多免费服务 享受诚信品质</h3>
        <ul class="g27_r mb30">
            <li class="g27_3">
                <h4><i class="gdfw">&#xe602;</i>微网站</h4>
                <p>5分钟打造酷炫微官网</p>
                <a href="/xiu" title="微网站">微网站</a>
            </li>
            <li class="g27_3">
                <h4><i class="gdfw">&#xe60f;</i>数据魔方</h4>
                <p>精准分析用户行为了解买家</p>
                <a href="/xiu" title="数据魔方">数据魔方</a>
            </li>
            <li class="g27_3">
                <h4><i class="gdfw">&#xe605;</i>营销推广</h4>
                <p>万套HTMl5推广模版</p>
                <a href="/xiu" title="H5移动场景">H5移动场景</a>
            </li>
            <li class="g27_3">
                <h4><i class="gdfw">&#xe617;</i>互动宣传</h4>
                <p>企业招聘宣传，火爆热销活动单页制作</p>
                <a href="/xiu" title="马上制作">马上制作</a>
            </li>
        </ul>
        <a href="/weixin" class="db _more pt10">
            <span>了解详情</span>
            <i class="f_ppb"></i>
        </a>
    </div>

</div>
<!-- 底部 -->
@include('web.authentication.footer')
<!-- 客服 -->
@include('web.authentication.kefu')
</body>
</html>
<script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
<script src="js/superslide.2.1.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    $(".fullSlide").hover(function () {
            $(this).find(".prev,.next").stop(true, true).fadeTo("show", 0.5)
        },
        function () {
            $(this).find(".prev,.next").fadeOut()
        });
    $(".fullSlide").slide({
        titCell: ".hd ul",
        mainCell: ".bd ul",
        effect: "fold",
        autoPlay: true,
        autoPage: true,
        trigger: "click",
        startFun: function (i) {
            var curLi = jQuery(".fullSlide .bd li").eq(i);
            if (!!curLi.attr("_src")) {
                curLi.css({
                    "background-image": curLi.attr("_src"),
                    "background-position-x": "-300px"
                }).removeAttr("_src")
            }
        }
    });
    $("#xm-flow").find("li").on("mouseover", function () {
        var _this = $(this);
        $("#xm-flow").find("li").removeClass("_on");
        _this.addClass("_on");
    })
    $(window).scroll(function () {

        if ($(window).scrollTop() >= 200) {
            $("#back2top").css({"visibility": "visible", "opacity": "1"});
        } else {
            $("#back2top").css({"visibility": "hidden", "opacity": "0"});
        }
    });

    $("._nav").find("a").on("click", changeTap);

    function changeTap() {
        var _this = $(this);
        $("._nav").find("a").removeClass("_on");
        _this.addClass("_on");
        $("#case").find("p").removeClass("_on");
        $(_this.attr("tap")).addClass("_on");
    }
</script>
